{extend name="public/base"/} {block name="body"}
<style>
    .mui-row.mui-fullscreen>[class*="mui-col-"] {
        height: 100%;
    }

    .mui-col-xs-3,
    .mui-col-xs-9 {
        overflow-y: auto;
        height: 100%;
    }

    .mui-segmented-control .mui-control-item {
        line-height: 50px;
        width: 100%;
    }

    .mui-control-content {
        display: block;
    }

    .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
        background-color: #fff;
    }
    .mui-toast-container {
        bottom: 50%;
        z-index: 999999999999999999;
    }
    .mui-btn-block{
      padding: 5px;
      border: 1px solid #ccc !important;
      margin: 5px;
      -webkit-appearance: none;
    }
    .active .mui-icon{
      display: block !important;
    }
    .paylist.open{
          overflow-y: scroll;
    }

    .info-box{
      background-color: #3190e8;
      padding: .4rem .4rem;
      color:#fff;
    }
    .info-box .headimg {
      padding: 0.5rem 0;
    }
    .info-box .headimg img{

      font-size: 1.6rem;
      line-height: 1.6rem;
      width: 1.6rem;
      border-radius: 50%;
      height: 1.6rem;
      background: #fff;
      display: inline-block;
      vertical-align: middle;

    }
    .balance{
          color: #f90;
    }
    .hongbao{
          color: #ff5f3e;
    }
    .score{
            color: #6ac20b;
    }
    .mui-row {
      background-color: #fff;
    }
    .mui-row .mui-col-xs-6{
      padding: .453333rem 0 .293333rem;
      font-size: .32rem;
      line-height: .32rem;
      border-right: 1px solid #ddd;
    }

    .mui-row .mui-col-xs-6 span{
       font-size: .693333rem;
       line-height: .693333rem;
       font-weight: 700;
    }
    .mui-input-group .mui-input-row{
      height: auto;
    }
</style>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/xsd/css/checkout.css" />
<header class="mui-bar mui-bar-nav" >
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">自定义付款编辑</h1>
</header>
<div class="mui-content" style="    margin-bottom:60px;">

  <div class="mui-card" style="padding:10px;">

    <form class="mui-input-group" method="post"  action="">
    					<div class="mui-input-row">
    						<label>备注</label>

                    <textarea name="title" rows="8" cols="80">{$custom_title}</textarea>
    					</div>
              <div class="mui-input-row">
    						<label>金额</label>
                		<input type="number" name="price" placeholder="金额" value="{$custom_price}">
    					</div>
              <div>
                  <input type="hidden" name="offlinepay_status" value="{$xstatus}" />
      						<button type="button" class="mui-btn mui-btn-primary sbt" onclick="return false;" style="width:100%;margin-top:20px;">确认</button>&nbsp;&nbsp;
                </div>
    			</form>

  </div>

{include file="public/nav" /}
</div>

{/block}
{block name="script"}
<script type="text/javascript">
  $(function(){
    $('.sbt').on('tap', function(){
      var title = $.trim($('[name="title"]').val()),
          price = $.trim($('[name="price"]').val());

      $.post("{:url()}", {
          "title": title,
          "price": price
      }, function(data) {
        mui.toast(data.msg)
        if(data.code == 1){
          setTimeout(function() {
              location.reload()
          }, 2000);
        }
      }, "json");
    })
  })
</script>
{/block}
